<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <title>时代图书在线 || bookshop</title>
        <meta name="description" content="时代图书在线，是由武汉科技大学电子商务专业 陈凯 开发，该项目用于图书管理，现在阅读及销售，功能还在不断完善中！">
        <meta name="keywords" content="时代图书在线 | 陈凯 | 武汉科技大学">
        <link rel="shortcut icon" href="/image/icon/litIcon.ico">
        <link href="/css/reset.css" rel="stylesheet" type="text/css" />
        <link href="/css/page.css" rel="stylesheet" type="text/css" />
        <script src="/js/jquey-1.8.0.min.js"></script>
    </head>

    <body>
    <!-- 顶部导航 -->
    <div th:replace="commonFragment :: #top"></div>
    <!-- /顶部导航 -->
    <!-- logo与search区域 -->
    <div th:replace="commonFragment :: #logo_line"></div>
    <!-- /logo与search区域 -->
    <!-- 导航条 -->
    <div th:replace="commonFragment :: #navbar"></div>
    <!-- /导航条 -->
        <div id="content" class="wrap clear">
            <div class="leftCont fl">
                <!-- 所有分类 -->
                <div class="address wrap clear">
                    <div class="addressTo fl clear">
                        <span class="fl"><a href="">所有分类</a></span>
                    </div>
                    <div class="productNum fr">
                        <span>共</span>
                        <b>5937</b>
                        <span>款产品</span>
                        <span><a class="colorLink" href="">查看全部相关宝贝</a></span>
                    </div>
                </div>
                <!-- /所有分类 -->
                <div class="screen wrap">
                    <!-- 作者地区 -->
                    <dl class="screenList clear">
                        <div class="listTitle fl">
                            <dt>作者地区：</dt>
                        </div>
                        <div class="listWrap fl clear">
                            <dd><a href="">美国</a></dd>
                            <dd><a href="">日本</a></dd>
                            <dd><a href="">中国大陆</a></dd>
                            <dd><a href="">挪威</a></dd>
                            <dd><a href="">瑞典</a></dd>
                            <dd><a href="">韩国</a></dd>
                            <dd><a href="">德国</a></dd>
                            <dd><a href="">法国</a></dd>
                            <dd><a href="">澳大利亚</a></dd>
                            <dd><a href="">新西兰</a></dd>
                            <dd><a href="">墨西哥</a></dd>
                            <dd><a href="">俄罗斯</a></dd>
                            <dd><a href="">加拿大</a></dd>
                            <dd><a href="">越南</a></dd>
                        </div>
                    </dl>
                    <!-- /作者地区 -->

                    <!-- 年龄 -->
                    <dl class="screenList clear">
                        <div class="listTitle fl">
                            <dt>年龄：</dt>
                        </div>
                        <div class="listWrap fl clear">
                            <dd><a href="">0~6岁</a></dd>
                            <dd><a href="">6~12</a></dd>
                            <dd><a href="">12~18</a></dd>
                            <dd><a href="">18~30</a></dd>
                            <dd><a href="">30~40岁</a></dd>
                            <dd><a href="">40~60岁</a></dd>
                            <dd><a href="">60以上</a></dd>
                        </div>
                    </dl>
                    <!-- /年龄 -->

                    <!-- 书籍类型 -->
                    <dl class="screenList clear">
                        <div class="listTitle fl">
                            <dt>书籍类型：</dt>
                        </div>
                        <div class="listWrap fl clear">
                            <dd><a href="">当代文学</a></dd>
                            <dd><a href="">外国小说</a></dd>
                            <dd><a href="">儿童文学</a></dd>
                            <dd><a href="">世界小说</a></dd>
                            <dd><a href="">青春文学</a></dd>
                            <dd><a href="">古诗词</a></dd>
                        </div>
                    </dl>
                    <!-- /书籍类型 -->

                    <!-- 出版社 -->
                    <dl class="screenList clear">
                        <div class="listTitle fl">
                            <dt>出版社：</dt>
                        </div>
                        <div class="listWrap fl clear">
                            <dd><a href="">人民出版社</a></dd>
                            <dd><a href="">高等教育出版社</a></dd>
                            <dd><a href="">中国邮电出版社</a></dd>
                            <dd><a href="">中国工业出版社</a></dd>
                            <dd><a href="">北大出版社</a></dd>
                            <dd><a href="">清华出版社</a></dd>
                            <dd><a href="">复旦出版社</a></dd>
                        </div>
                    </dl>
                    <!-- /出版社 -->

                    <!-- 作者 -->
                    <dl class="screenList clear">
                        <div class="listTitle fl">
                            <dt>作者：</dt>
                        </div>
                        <div class="listWrap fl clear">
                            <dd><a href="">莫言</a></dd>
                            <dd><a href="">鲁迅</a></dd>
                            <dd><a href="">老舍</a></dd>
                            <dd><a href="">矛盾</a></dd>
                            <dd><a href="">沈从文</a></dd>
                            <dd><a href="">王国维</a></dd>
                            <dd><a href="">韩寒</a></dd>
                            <dd><a href="">冰心</a></dd>
                            <dd><a href="">路遥</a></dd>
                            <dd><a href="">舒婷</a></dd>
                            <dd><a href="">李敖</a></dd>
                            <dd><a href="">三毛</a></dd>
                            <dd><a href="">曹雪芹</a></dd>
                            <dd><a href="">吴承恩</a></dd>
                            <dd><a href="">张爱玲</a></dd>
                        </div>
                    </dl>
                    <!-- /作者 -->

                    <!-- 筛选条件 -->
                    <dl class="screenList screenCon clear">
                        <div class="listTitle fl">
                            <dt>筛选条件：</dt>
                        </div>
                        <div class="listWrap fl clear">
                            <div class="addressToCont fl">
                                <h3>省(直辖市)<i class="addIcon"></i></h3>
                                <ul class="addressSelect">
                                    <li>北京</li>
                                    <li>上海</li>
                                    <li>深圳</li>
                                </ul>
                            </div>
                            <div class="addressToCont fl">
                                <h3>市(自治州)<i class="addIcon"></i></h3>
                                <ul class="addressSelect">
                                    <li>西城区</li>
                                    <li>东城区</li>
                                    <li>海淀区</li>
                                    <li>朝阳区</li>
                                    <li>昌平区</li>
                                    <li>怀柔区</li>
                                </ul>
                            </div>
                            <div class="addressToCont fl">
                                <h3>社区(街道)<i class="addIcon"></i></h3>
                                <ul class="addressSelect">
                                    <li>磨山社区</li>
                                    <li>南湖社区</li>
                                    <li>街道口社区</li>
                                    <li>广埠屯社区</li>
                                    <li>光谷社区</li>
                                    <li>黄家湖社区</li>
                                    <li>宝通寺社区</li>
                                </ul>
                            </div>
                        </div>
                    </dl>
                    <!-- /筛选条件 -->
                </div>
                <!-- /筛选条件列表 -->
                <!-- 配送地址 -->
                <div class="address wrap clear">
                    <div class="addressTo fl clear">
                        <span class="fl">送至</span>
                        <div class="addressToCont fl">
                            <h3>省(直辖市)<i class="addIcon"></i></h3>
                            <ul class="addressSelect">
                                <li>北京</li>
                                <li>上海</li>
                                <li>深圳</li>
                            </ul>
                        </div>
                        <div class="addressToCont fl">
                            <h3>市(自治州)<i class="addIcon"></i></h3>
                            <ul class="addressSelect">
                                <li>西城区</li>
                                <li>东城区</li>
                                <li>海淀区</li>
                                <li>朝阳区</li>
                                <li>昌平区</li>
                                <li>怀柔区</li>
                            </ul>
                        </div>
                        <div class="addressToCont fl">
                            <h3>社区(街道)<i class="addIcon"></i></h3>
                            <ul class="addressSelect">
                                <li>磨山社区</li>
                                <li>南湖社区</li>
                                <li>街道口社区</li>
                                <li>广埠屯社区</li>
                                <li>光谷社区</li>
                                <li>黄家湖社区</li>
                                <li>宝通寺社区</li>
                            </ul>
                        </div>
                    </div>
                    <div class="productNum fr">
                        <input id="productNumShow" type="checkbox" />
                        <label for="productNumShow">仅显示有货商品</label>
                        <span>共计</span>
                        <b>77</b>
                        <span>件</span>
                    </div>
                </div>
                <!-- /配送地址 -->
                <!-- 商品列表区域 -->
                <div class="productListWrap clear">
                    <div class="productItem" th:each="commodity : ${page.records}" th:comid="${commodity.id}">
                        <!-- 图片 -->
                        <div class="imgBox">
                            <a href="" target="_blank">
                                <img src="/image/book16.jpg" alt="" style="height:188px;width: 188px;">
                            </a>
                        </div>
                        <!-- /图片 -->
                        <div class="infoCont">
                            <div class="titleRow">
                                <a class="productTitle" title="" href="" target="_blank">[[${commodity.commodityName}]]
                                        <span class="feature"><span class="featureItem">[[${commodity.description}]]</span><span class="featureItem">超薄大屏</span></span>
                                    </a>
                            </div>
                            <div class="saleRow">
                                <div class="col fl">
                                    <span class="price"><span class="priceYue">约</span> <span class="priceSign">¥</span> <span class="priceNum">[[${commodity.curSale}]]</span> </span>
                                </div>
                                <div class="col end fr">
                                    <span class="weekSale">月销量<span class="num">1799</span></span>
                                </div>
                            </div>
                            <div class="infoRow commentRow">
                                <a class="userComment" target="_blank" href="">点评<span class="num">2111</span> 条</a>
                                <span class="userScore"> <span class="iconSuppleXingGrey"></span> <span class="iconSuppleXingLight" style="width: 60.59px"></span> </span>
                            </div>
                            <div class="infoRow seller">
                                <a class="sellerLink" href="" target="_blank">共有253商家在售</a>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- /商品列表区域 -->
                <!-- 分页码 -->
                <div class="page wrap">
                    <p class="pageList">
                        <a th:href="@{/agricultural/processPageShow(cur=${page.current - 1})}" th:if="${page.current != 1}">上一页</a>
                        <a href="">1</a>
                        <a href="">2</a>
                        <a href="">3</a>
                        <a href="">4</a>
                        <a href="">5</a>
                        <a th:href="@{/agricultural/processPageShow(cur=${page.current + 1})}" th:if="${page.current != page.pages}">下一页</a>
                        <span>共</span>
                        <span>[[${page.pages}]]</span>
                        <span>页</span>
                        <span>到 第</span>
                        <input type="text" />
                        <span>页</span>
                        <input type="submit" value="确定" />
                    </p>
                </div>
                <!-- /分页码 -->
            </div>
            <!-- 右部推荐 -->
            <div class="rightCont fr">
                <div class="hotGood">
                    <h3><a href="">热卖商品</a></h3>
                    <ul class="seeclip_list clear">
                        <li>
                            <a href="showDetail.html"><img src="/image/pageside/6.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href="showDetail.html"><img src="/image/pageside/2.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href="showDetail.html"><img src="/image/pageside/3.jpg" alt=""></a>
                        </li>
                    </ul>
                </div>
                <div class="hotGood hotGood2">
                    <h3><a href="">精选商品</a></h3>
                    <ul class="seeclip_list clear">
                        <li>
                            <a href="showDetail.html"><img src="/image/pageside/6.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href="showDetail.html"><img src="/image/pageside/2.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href="showDetail.html"><img src="/image/pageside/3.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href="showDetail.html"><img src="/image/pageside/4.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href="showDetail.html"><img src="/image/pageside/5.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href="showDetail.html"><img src="/image/pageside/6.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href="showDetail.html"><img src="/image/pageside/7.jpg" alt=""></a>
                        </li>
                        <li>
                            <a href="showDetail.html"><img src="/image/pageside/6.jpg" alt=""></a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- /右部推荐 -->
        <!-- 时代服务 -->
        <div id="service-2014" clstag="h|keycount|2015|32a">
            <div class="slogen clear">
                <span class="item fore1">
                    <i></i><b>多</b>品类齐全，轻松购物
                </span>
                <span class="item fore2">
                    <i></i><b>快</b>多仓直发，极速配送
                </span>
                <span class="item fore3">
                    <i></i><b>好</b>正品行货，精致服务
                </span>
                <span class="item fore4">
                    <i></i><b>省</b>天天低价，畅选无忧
                </span>
            </div>
            <div class="w wrap clear">
                <dl class="fore1">
                    <dt>购物指南</dt>
                    <dd>
                        <div><a rel="nofollow" target="_blank" href="http://help.jd.com/user/issue/list-29.html">购物流程</a></div>
                        <div><a rel="nofollow" target="_blank" href="http://help.jd.com/user/issue/list-151.html">会员介绍</a></div>
                        <div><a rel="nofollow" target="_blank" href="http://help.jd.com/user/issue/list-297.html">生活旅行/团购</a></div>
                        <div><a rel="nofollow" target="_blank" href="http://help.jd.com/user/issue.html">常见问题</a></div>
                        <div><a rel="nofollow" target="_blank" href="http://help.jd.com/user/issue/list-136.html">大家电</a></div>
                        <div><a rel="nofollow" target="_blank" href="http://help.jd.com/user/index.html">联系客服</a></div>
                    </dd>
                </dl>
                <dl class="fore2">
                    <dt>配送方式</dt>
                    <dd>
                        <div><a rel="nofollow" target="_blank" href="http://help.jd.com/user/issue/list-81-100.html">上门自提</a></div>
                        <div><a rel="nofollow" target="_blank" href="http://help.jd.com/user/issue/list-81.html">211限时达</a></div>
                        <div><a rel="nofollow" target="_blank" href="http://help.jd.com/user/issue/103-983.html">配送服务查询</a></div>
                        <div><a rel="nofollow" target="_blank" href="http://help.jd.com/user/issue/109-188.html">配送费收取标准</a></div>
                        <div><a target="_blank" href="http://en.jd.com/chinese.html">海外配送</a></div>
                    </dd>
                </dl>
                <dl class="fore3">
                    <dt>支付方式</dt>
                    <dd>
                        <div><a rel="nofollow" target="_blank" href="http://help.jd.com/user/issue/list-172.html">货到付款</a></div>
                        <div><a rel="nofollow" target="_blank" href="http://help.jd.com/user/issue/list-173.html">在线支付</a></div>
                        <div><a rel="nofollow" target="_blank" href="http://help.jd.com/user/issue/list-176.html">分期付款</a></div>
                        <div><a rel="nofollow" target="_blank" href="http://help.jd.com/user/issue/list-174.html">邮局汇款</a></div>
                        <div><a rel="nofollow" target="_blank" href="http://help.jd.com/user/issue/list-175.html">公司转账</a></div>
                    </dd>
                </dl>
                <dl class="fore4">
                    <dt>售后服务</dt>
                    <dd>
                        <div><a rel="nofollow" target="_blank" href="http://help.jd.com/user/issue/321-981.html">售后政策</a></div>
                        <div><a rel="nofollow" target="_blank" href="http://help.jd.com/user/issue/list-132.html">价格保护</a></div>
                        <div><a rel="nofollow" target="_blank" href="http://help.jd.com/user/issue/130-978.html">退款说明</a></div>
                        <div><a rel="nofollow" target="_blank" href="http://myjd.jd.com/repair/repairs.action">返修/退换货</a></div>
                        <div><a rel="nofollow" target="_blank" href="http://help.jd.com/user/issue/list-50.html">取消订单</a></div>
                    </dd>
                </dl>
                <dl class="fore5">
                    <dt>特色服务</dt>
                    <dd>
                        <div><a target="_blank" href="http://help.jd.com/user/issue/list-133.html">夺宝岛</a></div>
                        <div><a target="_blank" href="http://help.jd.com/user/issue/list-134.html">DIY装机</a></div>
                        <div><a rel="nofollow" target="_blank" href="http://fuwu.jd.com/">延保服务</a></div>
                        <div><a rel="nofollow" target="_blank" href="http://giftcard.jd.com/market/index.action">时代E卡</a></div>
                        <div><a rel="nofollow" target="_blank" href="http://mobile.jd.com/">时代通信</a></div>
                    </dd>
                </dl>
                <div id="coverage">
                    <div class="dt">
                        时代自营覆盖区县
                    </div>
                    <div class="dd">
                        <p>时代已向全国2050个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
                        <p class="ar"><a target="_blank" href="http://help.jd.com/user/issue/103-983.html">查看详情&nbsp;&gt;</a></p>
                    </div>
                </div>
                <span class="clr"></span>
            </div>
        </div>
        <!-- /时代服务 -->
        <!-- 页尾链接和版权信息 -->
        <div id="footer" class="">
            <div class="footer_nav">
                <a href="" target="_blank" rel="nofollow">公司简介</a>
                <span class="sep">|</span>
                <a href="" target="_blank">合作关系</a>
                <span class="sep">|</span>
                <a href="" target="_blank" rel="nofollow">诚征英才</a>
                <span class="sep">|</span>
                <a href="" target="_blank">网站联盟</a>
                <span class="sep">|</span>
                <a href="" target="_blank">广告服务</a>
                <span class="sep">|</span>
                <a href="" target="_blank">时代招商</a>
                <span class="sep">|</span>
                <a href="" target="_blank" rel="nofollow">机构销售</a>
                <span class="sep">|</span>
                <a href="" target="_blank">手机时代</a>
                <span class="sep">|</span>
                <a href="">官方Blog</a>
            </div>
            <p class="padt10 textc cor2 lh20">
                <a class="disin padlr10" href="" target="_blank">时代图书在线</a>
                <a class="disin padlr10" href="" target="_blank">当当网</a>
                <a class="disin padlr10" href="" target="_blank">亚马逊</a>
                <span class="dinin padlr5">|</span>
                <a class="disin padlr10" href="">微博微信</a>
                <a class="disin padlr10" href="">天猫旗舰店</a>
                <a class="disin padlr10" href="" target="_blank">极客学院</a>
                <a class="disin padlr10" href="" target="_blank">湖北省.武汉市</a>
                <a class="disin padlr10" href="" target="_blank">电子商务 kay chen</a>
            </p>
            <p class="padt10 textc cor2 lh20">版权所有&nbsp;&copy;&nbsp;武汉科技大学&nbsp;&nbsp;地址:洪山区黄家湖3号&nbsp;&nbsp;邮编:430063&nbsp;&nbsp;鄂ICP备&nbsp;05064445号&nbsp;鄂公网安备110402430070
            </p>
            <small class="ft_pic_link" id="footerbanner2LazyLoad">
                    <a rel="nofollow" target="_blank" href="https://online.unionpay.com/?tp=15.35979875.20.0.22.Kqsb84y-10-DHf4`">
                        <img alt="" src="/image/copyright/01.jpg" height="31" width="90">
                    </a>
                    |
                    <a rel="nofollow" target="_blank" href="http://creditcard.pingan.com/index.shtml">
                        <img alt="" src="/image/copyright/02.jpg">
                    </a>
                    |
                    <a rel="nofollow">
                        <img alt="" src="/image/copyright/01.jpg">
                    </a>
                    |
                    <a rel="nofollow" target="_blank" href="http://www.zx110.org/">
                        <img alt="" src="/image/copyright/03.jpg">
                    </a>
                    |
                    <a rel="nofollow" target="_blank" href="http://www.shodr.org/">
                        <img alt="" src="/image/copyright/04.jpg">
                    </a>
                    |
                    <a rel="nofollow" target="_blank" href="http://net.china.com.cn/index.htm">
                        <img alt="" src="/image/copyright/05.gif">
                    </a>
                    |
                    <a rel="nofollow" target="_blank" href="https://ss.knet.cn/verifyseal.dll?sn=e13050631010040492h5mq000000&amp;ct=df&amp;a=1&amp;pa=500267">
                        <img alt="" src="/image/copyright/07.jpg">
                    </a>
                    |
                    <a rel="nofollow" target="_blank" href="https://ss.knet.cn/verifyseal.dll?sn=e13050631010040492h5mq000000&amp;ct=df&amp;a=1&amp;pa=500267">
                        <img alt="" src="/image/copyright/08.png">
                    </a>
                    |
                </small>
        </div>
        <!-- /页尾链接和版权信息 -->
        <script src="/js/jquery-1.4.2.min.js"></script>
        <script src="/js/imgTab.js"></script>
    </body>

</html>
